<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/tag/pagetag.tld" prefix="p"%>
<%@ taglib uri="/WEB-INF/tag/pageform.tld" prefix="pf" %>
<%@ page trimDirectiveWhitespaces="true"%>
<html>
<head>
<meta charset="utf-8">
<title>Welcome</title>
	<!-- 静态引入 -->
	<c:import url="/WEB-INF/views/config/include.jsp" charEncoding="UTF-8" />
	<link href="/custom/playerpc/css/home.css?20210315" 		rel="stylesheet" media="screen">
	<script type="text/javascript" src="/custom/playerpc/js/home.js?20210315"></script>
</head>
<body class="body">
    <table style="background-color: #F5F5F5">
    	<!-- 顶部菜单 -->
		<tr style="height: 60px;background-color: white;">
			<td id="black_left" style="width:100px;">&nbsp;</td>
			<td>
				<table>
					<tr>
    					<!-- 左侧内容 -->
						<td>
							共享下载
						</td>
						<td>
						</td>
    					<!-- 右侧内容 -->
						<td style="width: 280px;text-align: center; font-size: 14px;">
							<input type="text" class="form-control" placeholder="魔法教师" id="keyword">
						</td>
						<td style="width: 52px;text-align: center;">
						 	<button type="submit" class="btn btn-primary btn-sm">搜索</button>
						</td>
						<td style="width: 52px;text-align: center;">
						 	<button type="button" class="btn btn-primary btn-sm">登录</button>
						</td>
					</tr>  
				</table>
			</td>
			<td id="black_right" style="width:100px;">&nbsp;</td>
		</tr>  
    	<!-- 顶部菜单 -->
		<tr class="menu_tool" style="height: 40px;background-color: red;">
			<td>&nbsp;</td>
			<td>
				<table style="color: white;cursor: pointer;">
					<tr>
    					<!-- 一级分类 -->
						<c:forEach var="item" items="${menu}">
						<td class="type"><button type="button" class="btn btn-danger menu_button" style="" onclick="javascript:showPageForm('${item.fb1}')">${item.categoryName}</button></td>
						</c:forEach>
						<td></td>
					</tr>
				</table>
			</td>
			<td>&nbsp;</td>
		</tr>  
		<tr style="height: 10px;"></tr>
    	<!-- 中部内容 -->
		<tr style="height: 600px;">
			<td>&nbsp;</td>
			<td valign="top">
				<table>
					<!-- 内容区域 -->
					<tr>
						<td style="width:930px">
							<table style="background-color: white;border-bottom: 2px solid #f5f5f5">
							<tr>
								<td style="height: 38px;width: 8px;"></td>
								<td>详情信息</td>
								<td></td>
							</tr>
							</table>
							<table style="background-color: white; border: 2px solid #f5f5f5">
								<tr style="height: 10px;"></tr>
								<tr>
									<td style="height: 38px;width: 28px;">&nbsp;</td>
									<td align="left" valign="top" colspan="2" style="border-bottom: 2px solid #f5f5f5">
										<strong>${material.title}</strong>
									</td>
									<td style="height: 38px;width: 28px;">&nbsp;</td>
								</tr>
								<tr style="height: 10px;"></tr>
								<tr>
									<td>&nbsp;</td>
									<td align="left" valign="top" colspan="2">
										${material.content}
									</td>
									<td>&nbsp;</td>
								</tr>
								<tr style="height: 10px;"></tr>
						  	</table>
						  	<table style="background-color: white;border: 2px solid #f5f5f5">
							<tr>
								<td style="height: 38px;width: 8px;"></td>
								<td>下载地址</td>
								<td></td>
							</tr>
							</table>
							<table style="background-color: white;">
							<!-- 列表 -->
							<c:forEach var="item" items="${data}">
							<tr>
								<td style="height: 38px;width: 28px;">&nbsp;</td>
								<td style="border-bottom: 2px solid #f5f5f5"><a href="${item.materialUrl}">${item.synopsis}</a></td>
								<td style="width: 28px;"></td>
							</tr>
							</c:forEach>
							</table>
						</td>
						<td style="width: 18px;">&nbsp;</td>
			 			<!-- 右侧内容 -->
						<td id="RightFrameTd" style="text-align: center; vertical-align: top;">
							<table>
						  		<!-- 最新区域 -->
						  		<tr>
						  			<td class="ads">
										<table border ="0" class="table" style="background-color: white; border: 2px solid #f5f5f5">
											<tr>
						  					<td class="title">下载排行</td>
											</tr>
										</table>
									</td>
						  		</tr>
								<tr style="height: 10px;"></tr>
								<!-- 广告区域 -->
						  		<tr>
						  			<td class="ads">
										<table border ="0" class="table" style="background-color: white; border: 2px solid #f5f5f5">
											<tr>
												<td>aaa
												</td>
											</tr>
										</table>
									</td>
						  		</tr>
						  	</table>
						</td>
					</tr>
				</table>
			</td>
			<td>&nbsp;</td>
		</tr>  
		<tr style="height: 10px;"></tr>
		<!-- 广告区域 -->
		<tr>
			<td style="height: 140px;"  align="center" valign="top" colspan="3">
				<table border ="0" class="table" style="background-color: white; border: 2px solid #f5f5f5">
					<tr>
						<td>aaa
						</td>
					</tr>
				</table>
			</td>
		</tr>    
    </table>

	<form action="/pc/player/home.html" id="blankForm" name="blankForm" method="POST">
    	<input type="hidden" name="token" id="token" value="${token}">
    	<input type="hidden" name="pageCurrent" id="pageCurrent" value="1">
    	<input type="hidden" name="pageLimit" id="pageLimit" value="15">
    </form>
    
	<form action="/pc/player/home.html" id="blankForm2" name="blankForm2" method="POST" target="_blank">
    	<input type="hidden" name="token" id="token" value="${token}">
    	<input type="hidden" name="pageCurrent" id="pageCurrent" value="1">
    	<input type="hidden" name="pageLimit" id="pageLimit" value="15">
    </form>
</body>
</html>
